<template>
  <div id="menu"><i></i></div>
  <div class="list closed">
    <ul id="site_list"></ul>
  </div>
  <div id="content">
    <div class="con">
      <div class="shlogo">
        <div class="logo-text embed">摸鱼&nbsp;&nbsp;导航</div>
      </div>
      <section class="sousuo">
        <div class="search">
          <div class="search-box">
            <svg class="icon" id="search-icon" aria-hidden="true">
              <use xlink:href="#icon-baidu"></use>
            </svg>
            <input
              type="text"
              id="txt"
              class="search-input"
              autocomplete="off"
              autofocus="autofocus"
              placeholder="百度搜索"
            />
            <svg
              class="icon"
              aria-hidden="true"
              id="search-clear"
              style="display: none"
            >
              <use xlink:href="#icon-shanchu"></use>
            </svg>
            <svg class="icon" aria-hidden="true" id="search-enter">
              <use xlink:href="#icon-enter"></use>
            </svg>
          </div>
          <!-- 搜索热词 -->
          <div class="box search-hot-text" id="box" style="display: none">
            <ul></ul>
          </div>
          <!-- 搜索引擎 -->
          <div class="search-engine" style="display: none">
            <div class="search-engine-head">
              <strong class="search-engine-tit">选择您的默认搜索引擎：</strong>
              <div class="search-engine-tool">
                搜索热词：
                <label class="switch">
                  <input id="hot-btn" type="checkbox" />
                  <div class="slider round"></div>
                </label>
              </div>
            </div>
            <ul class="search-engine-list"></ul>
          </div>
        </div>
      </section>
    </div>
    <div class="foot">
      ©2018-2020
      <a href="https://blog.gclmit.club/" target="_blank" class="embed">
        孤城落寞博客</a
      >
      All rights reserved.
      <a
        href="https://github.com/gclm"
        target="_blank"
        class="embed"
        style="font-size: 12px"
      >
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-gitHub"></use>
        </svg>
      </a>
    </div>
  </div>
</template>

<script>
// import "../assets/js/search.js";
// import "../assets/js/website.js";

export default {
  name: "HelloWorld",
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
@import "../assets/font/embed.css";
@import "../assets/css/style.css";
@import "../assets/css/search.css";
</style>
